.gift-sale {
  thead tr {
    background-color: @tablethead;
  }

  .for-page {
    margin-top: @space;
    text-align: center;
  }

  .container-header {
    // margin-top: @space;
  }
}

.base .gift-sale .container-body .title-bottom {
  margin-bottom: 0;
}

.base .container-header .search {
  .ivu-form-item {
    &.w160 {
      .ivu-form-item-label {
        width: @size * 1.6;
      }
    }  
  }
}



























































// 创建促销活动列表页
.sale-list {
  .search {
    padding: @space;
    background-color: @white;
  }
}





















































































//创建促销页面
.container.create-product {
  height: 100%;
  background-color: @white;
  padding: @space * 2;

  >.activeClass {
    >.introduce {
      width: @size * 10;
      margin-top: @size * .30;
      display: flex;
      align-items: center;

      >.content {
        >.title {
          font-size: @size * .14;
          display: flex;
          align-items: center;
        }

        flex: 1;

        .for-bacColor-w {
          padding-right: @size * .15;
          font-size: @size * .30;
          color: #2399FF;
        }

        .for-bacColor-g {
          padding-right: @size * .15;
          font-size: @size * .30;
        }

        .for-bacColor-g,
        .for-color {
          color: #F6AC33;
        }
      }

      >.img {
        padding: @space ;
        border-left: @space * .2 solid @borderColor;
        flex: 1;

        img {
          // width
        }
      }
    }

    >.active-list {
      >ul {
        width: @size * 10;
        display: flex;
        flex-wrap: wrap;

        >li {
          float: left;
          cursor: pointer;
          position: relative;
          width: @size * 2.42;
          padding: @space * .5;
          margin: 0 @space * .4 @space * .4 0;
          box-sizing: border-box;
          // display: flex;
          align-items: center;
          border: @space * .1 solid @borderColor;

          >.left {
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            width: @size * .7;
            ;
            height: @size * .7;
            background-color: #F4F4F4;

            >.for-img {
              width: @size * .4;
              height: @size * .4;
              // background-size: @size * .4 @size * .4;
              background-repeat: no-repeat;
            }

            >.for-img0 {
              background-position: -@size * .18 -@size * .16;
            }

            >.for-img1 {
              background-position: -@size * .85 -@size * .16;
            }

            >.for-img2 {
              background-position: -@size * 1.53 -@size * .16;
            }

            >.for-img3 {
              background-position: -@size * 2.28 -@size * .16;
            }

            >.for-img4 {
              background-position: -@size * .18 -@size * .87;
            }

            >.for-img5 {
              background-position: -@size * .85 -@size * .87;
            }

            >.for-img6 {
              background-position: -@size * 1.53 -@size * .87;
            }

            >.for-img7 {
              background-position: -@size * 1.53 -@size * .87;
            }
          }

          >.right {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin-left: @size * .1;

            >.title {
              font-size: @size * .18;
            }

            >.introduce {
              font-size: @size * .12;
              color: @grayFont;
            }
          }

          >.button-create {
            cursor: pointer;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
          }

          >.forDisplay {
            display: none;
          }
        }
      }
    }
  }
}
